<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@include file="include/base.jsp" %>
<html lang="en-US">
<head>
	
	<title>KaiSheng-客户管理系统</title>
	<link rel="stylesheet" type="text/css" href="${basePath}css/bootstrap.css"/>
	<!--<link href="css/application.css" media="all" rel="stylesheet" type="text/css">-->
	
	<%@include file="include/top.jsp" %>
</head>
<body>
	<jsp:include page="include/header.jsp">
	</jsp:include>
	<div class="container" style="margin-top:20px;margin-left:100px;width:90%">
			<div class="row">
				<div class="span3 ">
					<div class="box" style="border:0px solid #DDDDDD;font-size:18px;font-family:微软雅黑;">
						<ul class="nav nav-list"  id="myul">
							<li class="active"><a href="#"><i class="icon-home"></i>最新动态</a></li>
							<li><a href="#"><i class="icon-user"></i>联系人</a></li>
							<li><a href="#"><i class="icon-fire"></i>任务</a></li>
							<li><a href="#"><i class="icon-file"></i>交易</a></li>
						</ul>
					</div>
				</div>
			<div class="span6" style="width:50%;">
				<div style="padding:0px;">
					<div class="well page-header header" style="border-radius: 10px 10px 0 0;margin:0px;padding:8px;" >
						<span style="margin-left:30px;font-size:20px;font-family:微软雅黑;">最新动态</span>
					</div>
	
					<div class="main"  style="background-color:#fff;border: 1px solid #DDDDDD;border-radius: 0 0 10px 10px;">
						<ul style="list-style-type:none;margin-bottom:0px;">
						  <c:choose>
							<c:when test="${fn:length(messageList) == 0 }">
								<blockquote>没有信息！</blockquote>
							</c:when>
							<c:otherwise>
								<li id="total" style="display:none">${fn:length(messageList)}</li>
								<c:forEach items="${messageList}" var="msg">
								  <li>
									<blockquote>
											<img src="img.jspx?img=${msg.e.picture}" style="font-size:15px;display:block;float:left;"/>
											<span style="padding-left:15px;">${msg.e.name}:${msg.content}</span><br>
											<span style="padding-left:15px;">----发表于：${msg.tiptime }</span>
											<hr style="border:1px dashed; height:1px">
									</blockquote>
								  </li>
								</c:forEach>
							</c:otherwise>
						  </c:choose>
						</ul>
					</div>
				</div>
			</div>
			<div class="span3">
				<div class="box" style="background-color:#fff;border:1px solid #DDDDDD;padding: 10px">
					<div class="head" style="border-bottom: 1px solid #DDDDDD;">我的任务</div> 
						<p>
							<a id="example3" 
							data-animation="true" 
							data-placement="bottom"  
							data-content="
								<div class='modal-body' style='padding:0px;'>
									任务名<br/>
									<input type='text' name='' id='' style='width:130px;'/>	<br/>
									什么时候完成任务呢？<br/>
									<select name='' id='' style='width:130px;'>
										<option value=''>今天</option>
										<option value=''>明天</option>
										<option value=''>本周</option>
										<option value=''>下周</option>
										<option value=''>具体的日期和时间</option>
									</select>
									<a href=''>设置时间</a><br/>
									选择一个类别<br/>
										<select name='' id='' style='width:130px;'>
											<option value=''>无</option>
											<option value=''>电话</option>
											<option value=''>演示</option>
											<option value=''>邮件</option>
											<option value=''>传真</option>
											<option value=''>会议</option>
											<option value=''>感谢</option>
											<option value=''>新的类别</option>
										</select>
										<a href='edittype.html'>编辑类别</a> <br/>
									<label class='checkbox'>
										<input type='checkbox'> 让所有人都可见这个任务
									 </label><br/>
								 </div>
								  <div class='modal-footer' style='padding:10px 0px;'>
									<button class='btn btn-success'><span style='font-size:14px'>添加任务</span></button>
									&nbsp;&nbsp;或者<button type='reset' class='btn'>取消</button>
								  </div>
							" 
							rel="popover" href="#" data-original-title="添加一个新的任务">
								<i class="icon-plus"></i>添加新任务
							</a>
						</p>
				</div>
				
			</div>
		
			<script type="text/javascript">
				$(document).ready(function(){
					    $('#example1').popover();
						$('#example2').popover();
						$('#example3').popover();
				});
			</script>
		
		</div>
	</div>	
</body>
</html>
